<head>
<meta charset="UTF-8">
</head>
<div id="new">
     <p class="mb-4 font-weight-bold text-gray-800">第一题</p>
     <button class="btn btn-outline-primary btn-small" type="button" id="searchQuestion" >检索</button>
     <button class="btn btn-outline-danger btn-small" type="button" id="cancel" disabled="disabled">取消</button>
     <button class="btn btn-outline-success btn-small mx-5" type="button" id="preserve">保存</button>
     <br><br>

     <div class="" id="search">

     </div>
     
     <div class="container" align="center">
        <div class="col-xl-6">
		    <div class="form-group ">
            <label for="question">题干</label>
            <input type="text" class="form-control" name="topic" id="question" aria-describedby="" required autofocus>
        </div><br><br>
        <div class="form-group">
            <label for="exampleInputPassword1">A</label>
            <input type="text" class="form-control" name="A" id="A" required autofocus>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">B</label>
            <input type="text" class="form-control" name="B" id="B" required autofocus>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">C</label>
            <input type="text" class="form-control" name="C" id="C" required autofocus>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">D</label>
            <input type="text" class="form-control" name="D" id="D" required autofocus>
        </div> 

        <div>
            <label>正确选项：</label>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" name="checks" value="A" >
                <label class="form-check-label" for="A">A</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" name="checks" value="B">
                <label class="form-check-label" for="B">B</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" name="checks" value="C" >
                <label class="form-check-label" for="C">C</label>
            </div>
            <div class="form-check form-check-inline">
                <input class="form-check-input" type="checkbox" name="checks" value="D" >
                <label class="form-check-label" for="D">D</label>
            </div>                                            
        </div><br>

        <div id="answerPart">
	            
        </div>
        
        <div class="row" align="center">
		      <div class="mx-3 mb-5" style="width: 170px;">
		        <div class="input-group mb-3">
			        <div class="input-group-prepend">
			            <button class="btn btn-outline-secondary" type="button" disabled="disabled" value="">科目</button>
			        </div>
			        <select class="custom-select" id="setSubject" aria-label="Example select with button addon"  >
		                <option id="option" value="001">数据结构</option>
		                <option id="option" value="002">操作系统</option>
		                <option id="option" value="003">安卓程序设计</option>
		                <option id="option" value="004">web编程</option>
		                <option id="option" value="005">管理信息系统</option>
		           </select>
		        </div>                        
		      </div>
				     
		      <div class="mx-3 mb-5" style="width: 170px;">
		        <div class="input-group mb-3">
			        <div class="input-group-prepend">
			            <button class="btn btn-outline-secondary" type="button" disabled="disabled" value="">知识点</button>
			        </div>
			        <input class="form-control" id="setKnowledgePoint" >
		        </div>                        
		      </div>
		   </div>
		      
		</div>
	</div>
</div>